<template>
  <h4>----------I----------</h4>
  <h5>当前求和为{{ sum }},放大后为{{ big }}</h5>
  <button @click="add">点击+1</button>
  <hr>
  <img v-for="(dog, index) in dogList" :key="index" :src="dog">
  <button @click="getDog">再来一只</button>
</template>

<script setup lang="ts" name="">
import useSum from '@/hooks/useSum';
import useDog from '@/hooks/useDog';
const { sum, add, bigSum: big } = useSum();
const { dogList, getDog } = useDog();
</script>

<style scoped>
img {
  height: 100px;
  margin-right: 10px;
}
</style>